<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:composite="http://java.sun.com/jsf/composite"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:s="http://www.suricattus.com.br/jsf/ui"
	xmlns:ec="http://www.b2cexpress.com.br/ecommerce"
	xmlns:sf="http://www.suricattus.com.br/jsf/fn">
	
	<composite:interface componentType="confirmacaoRevendedorComponente">
	
		<composite:attribute name="transacao" required="true"  />
	
	</composite:interface>	
	
	<composite:implementation>
		
		<h:panelGroup rendered="#{cc.attrs.transacao.ordemPagamento.tipoPagamento ne null}">
			<ec:fieldOutput id="situacao" label="#{labels['label.situacao']}">
				<h:outputText value="#{labels[cc.attrs.transacao.status]}" />
			</ec:fieldOutput>
				
			<p:outputPanel rendered="#{cc.attrs.transacao.ordemPagamento.tipoPagamento.id eq 1}">
				<h4>#{labels['label.tipo.pagamento.cartao.credito']}</h4>
				<ec:fieldOutput id="bandeiraCartao" label="#{labels['label.bandeira.cartao']}">
					<h:graphicImage library="img/pagamento/categoria" name="#{cc.attrs.transacao.ordemPagamento.bandeiraCartao.id}.png" />
				</ec:fieldOutput>
				<ec:fieldOutput id="numCartao" label="#{labels['label.numero.cartao']}">
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.numCartao}" converter="numeroCartaoOutputConverter" />
				</ec:fieldOutput>
				<ec:fieldOutput id="nomeCartao" label="#{labels['label.nome.cartao']}">
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.nomeCartao}" />
				</ec:fieldOutput>
				<ec:fieldOutput id="mesAno" label="#{labels['label.mes.ano']}">
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.mesValidadeCartao}/" />
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.anoValidadeCartao}" />
				</ec:fieldOutput>
				<ec:fieldOutput id="valorParcela" label="#{labels['label.valor.parcela']}">
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.valorParcela}">
						<f:convertNumber currencySymbol="R$" type="currency" minIntegerDigits="1" maxFractionDigits="2" minFractionDigits="2"/>
					</h:outputText>
				</ec:fieldOutput>
				<ec:fieldOutput id="qtdParcelas" label="#{labels['label.quantidade.parcelas']}">
					<h:outputText value="#{cc.attrs.transacao.ordemPagamento.quantidadeParcelas}">
						<f:convertNumber minIntegerDigits="1"/>
					</h:outputText>
				</ec:fieldOutput>
			</p:outputPanel>
			
			<ec:fieldOutput id="valorTotalCartao" label="#{labels['label.valor.total']}">
				<h:outputText value="#{cc.attrs.transacao.valor}">
					<f:convertNumber currencySymbol="R$" type="currency" minIntegerDigits="1" maxFractionDigits="2" minFractionDigits="2"/>
				</h:outputText>
			</ec:fieldOutput>
			
			<p:outputPanel rendered="#{cc.attrs.transacao.ordemPagamento.tipoPagamento.id eq 2}">
				<h3>#{labels['label.tipo.pagamento.boleto']}</h3>
				
				<ec:fieldOutput id="bandeiraBoleto" renderSeparator="false" >
					<h:graphicImage library="img/pagamento/tipo" name="boleto.png" /> 
				</ec:fieldOutput>
				
				<ec:fieldOutput id="linkBoleto" label="#{labels['label.boleto']}">
					<a class="link" href="#{cc.attrs.transacao.ordemPagamento.urlBoleto}" target="_blank" >#{labels['label.visualizar']}</a>
				</ec:fieldOutput>
			</p:outputPanel>
			
			<p:outputPanel rendered="#{cc.attrs.transacao.ordemPagamento.tipoPagamento.id eq 4}">
				<ec:fieldOutput id="linkPagSeguro" label="#{labels['label.pagseguro']}">
					<a class="link" href="https://pagseguro.uol.com.br/operations/viewPayment.jhtml" target="_blank" >#{labels['label.visualizar']}</a>
				</ec:fieldOutput>
			</p:outputPanel>
		</h:panelGroup>
		
	</composite:implementation>	
	
</html>